﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"  
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">  
<head>
    <meta charset="utf-8"/>
    <title>考拉综合管理系统-维修厂账号查询</title>
    <meta name="renderer" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link href="favicon.ico" rel="shortcut icon"/>
    <link href="http://resource.1hai.cn/Resource/Eui/1.1/css/eui.min.css" rel="stylesheet"/>
    <link th:href="@{/css/koala_account.css}" rel="stylesheet" type="text/css"/>
</head>

<body>
<div class="header clearfix">
    <div class="header-logo pull-left">
        <a class="logo" href="####"></a>
    </div>

    <div id="J_HeaderNav" class="header-nav pull-left">
        <h1 class="header-nav-text">考拉后台管理系统</h1>
    </div>

    <div class="header-opt pull-right">
        <div class="list-unstyled header-opt-list clearfix">
            <li>欢迎您，BOBO（工号：10100）</li>
            <li><a th:href="@{/index}"><i class="opt-home"></i>返回主页</a></li>
            <li><a href="####"><i class="opt-signout"></i>退出</a></li>
            <li><a href="####"><i class="opt-help"></i>帮助</a></li>
            <li><a href="####"><i class="opt-video"></i>视频演示</a></li>
        </div>
    </div>
</div>

<div id="J_Content" class="content">
    <!-- sidebar -->
    <div class="content-sidebar">
        <div class="sidebar-nav">
            <div class="sidebar-nav-item">
                <h3 class="sidebar-nav-header"><i class="icon icon-sbn-common"></i><i class="caret"></i>维修厂管理</h3>
                <ul class="list-unstyled sidebar-nav-menu" style="max-height: 30px;">
                    <li><a th:href="@{/repair/shops}"><i></i>维修厂查询</a></li>
                </ul>
            </div>


            <div class="sidebar-nav-item active">
                <h3 class="sidebar-nav-header"><i class="icon icon-sbn-order"></i><i class="caret"></i>账号管理</h3>
                <ul class="list-unstyled sidebar-nav-menu" style="max-height: 30px;">
                    <li class="active"><a th:href="@{/koala/account}"><i></i>考拉账号查询</a></li>
                    <li><a th:href="@{/repair/account}"><i></i>维修厂账号查询</a></li>
                </ul>
            </div>

            <div class="sidebar-nav-item">
                <h3 class="sidebar-nav-header"><i class="icon icon-sbn-order"></i><i class="caret"></i>自动审核</h3>
                <ul class="list-unstyled sidebar-nav-menu" style="max-height: 30px;">
                    <li><a th:href="@{/audit/content}"><i></i>自动审核</a></li>
                </ul>
            </div>


        </div>

        <div id="J_HideSidebarBtn" class="sidebar-btn"><span></span></div>
    </div>

    <!-- product -->
    <div class="content-product">
        <div class="content-product-wrapper">
            <div class="content-product-container">
                <div class="row">
                <form th:action="@{/koala/account}" >
                    <div class="filter-box">
                        <div class="form-horizontal">                  
                            <div class="col-xs-6 col-sm-6 col-md-6 col-lg-4">
                                <div class="form-group">
                                    <label class="col-xs-4 control-label">工号：</label>
                                    <div class="col-xs-8">
                                        <input class="form-control" placeholder="请输入工号"  name="account_id"/>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-6 col-sm-6 col-md-6 col-lg-4">
                                <div class="form-group">
                                    <label class="col-xs-4 control-label">姓名：</label>
                                    <div class="col-xs-8">
                                        <input class="form-control" placeholder="请输入姓名" name="account_name"/>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-6 col-sm-6 col-md-6 col-lg-4">
                                <div class="form-group">
                                    <label class="col-xs-5 control-label">状态：</label>
                                    <div class="col-xs-7">
                                        <select class="form-control" name="account_status">
                                            <option value="在用">在用</option>
                                            <option value="停用">停用</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="filter-box-button">
                            <input id="account_search" type="submit" class="btn btn-primary" value="查询"/>
                        </div>
                    </div>
					</form>

                    <table width="100%" class="table table-bordered table-striped text-center">
                        <thead>
                        <tr>
                            <td><input type="checkbox"/></td>
                            <td>序号</td>
                            <td>账号</td>
                            <td>姓名</td>
                            <td>手机号</td>
                            <td>状态</td>
                            <td>操作</td>

                        </tr>
                        </thead>
                        <tbody th:each="account:${accounts}" th:if="${accounts!=null}">
                            <tr>
                                <td><input type="checkbox"/></td>
                                <td th:text="${account.id}"></td>
                                <td th:text="${account.account}"></td>
                                <td th:text="${account.name}"></td>
                                <td th:text="${account.phone}"></td>
                                <td th:text="${account.status}"></td>
                                <td>
                                    <a class="modify" href="#">修改</a>
                                </td>
                            </tr>
                        <!--<tr>-->
                            <!--<td><input type="checkbox"/></td>-->
                            <!--<td>1</td>-->
                            <!--<td>11968</td>-->
                            <!--<td>dddfd</td>-->
                            <!--<td>1216546945</td>-->
                            <!--<td>再用/停用</td>-->
                            <!--<td>-->
                                <!--<a id="modify" href="#">修改</a>-->
                            <!--</td>-->
                        <!--</tr>-->
						

                        </tbody>
                    </table>

                </div>


            </div>
        </div>
    </div>
</div>

<!-- Modal -->
<div id="myModal" class="modal customer-class" style="top: 50px;">
    <div class="modal-dialog" >
        <div class="modal-content">
            <button type="button" class="j-modal-close modal-close"><span class="modal-close-x">×</span></button>

            <div class="modal-header">
                <div class="modal-title">修理厂账号编辑</div>
            </div>

            <div class="modal-body">
                <div>
                    <div id="account_edit_body">
                        <form>
                            <br/>
                            <div class="edit_layer">
                                <label>修理厂</label><input id="factory_name" name="factory_name"/>
                            </div>
                            <br/>

                            <div class="edit_layer">
                                <label>工号</label><input id="account_edit_numb" name="account_edit_numb"/>
                                <label>姓名</label><input id="account_edit_name" name="account_edit_name"/>
                            </div>
                            <br/>

                            <div class="edit_layer">
                                <label>手机号</label>
                                <input id="account_edit_phone" name="account_edit_phone"/>
                                <label>状态</label>
                                <select>
                                    <option value="正常">正常</option>
                                    <option value="删除">删除</option>
                                </select>
                            </div>
                            <br/>

                            <div class="edit_layer">
                                <label>修改密码</label>
                                <input type="radio" value="" id="edit_password_yes" name="is_modify"/>是
                                <input type="radio" value="" id="edit_password_no" name="is_modify"/>否
                            </div>
                            <br/>
                            <div class="edit_layer">
                                <label>密码</label><input type="password" id="password"/>
                                <label>确认密码</label><input type="password" id="confirm_password"/>
                            </div>
                            <br/>
                        </form>
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="button" class="j-modal-cancel btn">
                        <span>取消</span>
                    </button>
                    <button type="button" class="j-modal-ok btn btn-primary">
                        <i class="glyphicon glyphicon-refresh"></i>
                        <span>确定</span>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal-backdrop"></div>
<script src="http://resource.1hai.cn/Resource/Eui/1.1/js/jquery.min.js"></script>
<script src="http://resource.1hai.cn/Resource/Eui/1.1/js/eui.min.js"></script>
<script th:src="@{/js/koala_account.js}"></script>
</body>
</html>